body{
    // 底部部分
    #footer {
      width: 100%;
      position: fixed;
      bottom: 0; 
      background: url(../images/footer.png) no-repeat ;
      background-size: 7.5rem 1.25rem;; 
      height: 1.25rem;
      ul {
          display: flex;
          width: 100%;
          margin: 0;
  
          li {    
              flex: 1;
              justify-content: space-between;
              a {
                  display: block;
                  height: 100%;
                  text-align: center;
                  // overflow: hidden;
                  img {
                      height: 0.5rem;
                      width: 0.5rem;
                      display:block;
                      margin:0.3rem auto 0.04rem;
                  }
                  p {
                      font-size: 0.22rem;
                      color: #727272;
                  }
              }
              // 当前选项底部样式
              &.on {
                  p {
                      color: #f5445d;
                  }
                  
              }
              // 附近样式
              &.map {
                      img {
                          width: 0.7rem;
                          height: 0.7rem;
                          margin-top: 0.1rem;
                          margin-bottom: 0.05rem;
                      }
                  
              }
          }
      }
  }
}